<!--
此文件为开发者工具生成，生成时间: 2024/2/26下午10:01:02
使用方法：
在 C:\Users\Dame\Desktop\uniapp_stuent\uniapp_test\dist\dev\mp-weixin\pages\order\order.wxml 引入模板

```
<import src="order.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\Dame\Desktop\uniapp_stuent\uniapp_test\dist\dev\mp-weixin\pages\order\order.wxss 中引入样式
```
@import "./order.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<!--
此文件为开发者工具生成，生成时间: 2024/2/26下午10:18:05
使用方法：
在 C:\Users\Dame\Desktop\uniapp_stuent\uniapp_test\dist\dev\mp-weixin\pages\order\order.wxml 引入模板

```
<import src="order.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\Dame\Desktop\uniapp_stuent\uniapp_test\dist\dev\mp-weixin\pages\order\order.wxss 中引入样式
```
@import "./order.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
    <view class="sk-container">
      <view class="box">
        <view class="order">
          <view class="column">
            <view class="column_type">
              <image class="column_img sk-image"></image>
              <view class="column_text sk-transparent sk-text-14-2857-398 sk-text" style="color: rgb(26, 250, 41); background-position-x: 50%;">待支付</view>
            </view>
            <image class="column_arrow sk-image"></image>
          </view>
          <view class="column">
            <view class="column_type">
              <image class="column_img sk-image"></image>
              <view class="column_text sk-transparent sk-text-14-2857-534 sk-text" style="background-position-x: 50%;">待确认</view>
            </view>
            <image class="column_arrow sk-image"></image>
          </view>
          <view class="column">
            <view class="column_type">
              <image class="column_img sk-image"></image>
              <view class="column_text sk-transparent sk-text-14-2857-985 sk-text" style="background-position-x: 50%;">待评论</view>
            </view>
            <image class="column_arrow sk-image"></image>
          </view>
          <view class="column">
            <view class="column_type">
              <image class="column_img sk-image"></image>
              <view class="column_text sk-transparent sk-text-14-2857-341 sk-text" style="background-position-x: 50%;">再来一单</view>
            </view>
          </view>
        </view>
        <view class="item">
          <image class="h1-img sk-image"></image>
          <view class="text">
            <view class="text_name sk-transparent sk-text-14-2857-827 sk-text">冯胜梅</view>
            <view class="text_start sk-transparent sk-text-14-2857-323 sk-text">开始日期:2024-01-01</view>
            <view class="text_end sk-transparent sk-text-14-2857-680 sk-text">结束日期:2024-01-02</view>
          </view>
        </view>
        <view class="total">
          <view class="row">
            <view class="text sk-transparent sk-text-0-0000-306 sk-text">服务时长: </view>
            <view class="symbol sk-transparent sk-text-0-0000-910 sk-text">1天</view>
          </view>
          <view class="row">
            <view class="text sk-transparent sk-text-0-0000-456 sk-text">每日单价: </view>
            <view class="symbol sk-transparent sk-text-0-0000-27 sk-text">￥40000</view>
          </view>
          <view class="row">
            <view class="text sk-transparent sk-text-0-0000-430 sk-text">应付金额: </view>
            <view class="symbol primary sk-transparent sk-text-0-0000-925 sk-text">￥40000</view>
          </view>
        </view>
        <view class="total" style="margin-top:10px">
          <view class="title sk-transparent sk-text-0-0000-666 sk-text">订单信息</view>
          <view class="row">
            <view class="text sk-transparent sk-text-0-0000-980 sk-text">订单编号: </view>
            <view class="symbol sk-transparent sk-text-0-0000-378 sk-text">246788890148</view>
          </view>
          <view class="row">
            <view class="text sk-transparent sk-text-0-0000-248 sk-text">下单时间: </view>
            <view class="symbol sk-transparent sk-text-0-0000-768 sk-text">2024-01-12</view>
          </view>
        </view>
        <view class="detail">
          <view class="title sk-transparent sk-text-0-0000-132 sk-text">支付方式</view>
          <radio-group class="row">
            <image class="row_img sk-image"></image>
            <view class="row_text sk-transparent sk-text-0-0000-411 sk-text">支付宝</view>
            <radio class="row_lable" value="0" color="#EFEFEF"></radio>
          </radio-group>
        </view>
        <view class="toolbar-height" style="padding-bottom:0px"></view>
        <view class="toolbar" style="padding-bottom:0px">
          <view class="button primary sk-transparent sk-text-14-2857-909 sk-text"> 去支付 </view>
          <view class="button sk-transparent sk-text-14-2857-681 sk-text"> 取消订单 </view>
        </view>
      </view>
    </view>
  </template>

 <style lang="scss">
/* #ifdef H5 */
@import url(./style/order.scss);
/* #endif */
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-398 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-534 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348rpx;
    position: relative !important;
  }
.sk-text-14-2857-985 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348rpx;
    position: relative !important;
  }
.sk-text-14-2857-341 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.4348rpx;
    position: relative !important;
  }
.sk-text-14-2857-827 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 40.5797rpx;
    position: relative !important;
  }
.sk-text-14-2857-323 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.5072rpx;
    position: relative !important;
  }
.sk-text-14-2857-680 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.5072rpx;
    position: relative !important;
  }
.sk-text-0-0000-306 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-910 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-456 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-27 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-430 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-925 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 34.4203rpx;
    position: relative !important;
  }
.sk-text-0-0000-666 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 30.7971rpx;
    position: relative !important;
  }
.sk-text-0-0000-980 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-378 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-248 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-768 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-0-0000-132 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 30.7971rpx;
    position: relative !important;
  }
.sk-text-0-0000-411 {
    background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
    background-size: 100% 28.9855rpx;
    position: relative !important;
  }
.sk-text-14-2857-909 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.5072rpx;
    position: relative !important;
  }
.sk-text-14-2857-681 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 35.5072rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 </style>